<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link href="/static/css/style.css" rel="stylesheet" type="text/css">
	<link href="/static/ui/css/custom-theme/ui.css" rel="stylesheet" type="text/css">
	{% block style_add_block %}
	{% endblock %}
	{# TODO: Correct favicon #}
	<link rel="icon" type="/static/image/vnd.microsoft.icon" href="/static/images/service/favicon.ico">
	<!--<link rel="shortcut icon" href="/static/pics/favicon.ico">-->
	<script type="text/javascript" src="/static/js/jquery.js"></script>
	<script type="text/javascript" src="/static/ui/js/jquery-ui.min.js"></script>
	{% block js_add_block %}
	{% endblock %}
	<title>{% block title_block %}Evermetalled :: {{ title }}{% endblock %}</title>
	<meta name="keywords" content="{{ page_keywords }}">
	<script type="text/javascript">
		$(function() {
			// user menu animation
			var user_menu = $("#user_menu");
			user_menu.hover(
				function() {
					// in - show
					user_menu.css("left", "0px");
				},
				function() {
					// out - hide
					user_menu.css("left", "-" + (user_menu.width() + 35) + "px");
				}
			)
			user_menu.css("left", "-" + (user_menu.width() + 10) + "px");
			
			// TODO: jquery-ui add here
			$(".ui-button").button()
		})
	</script>
	{% block head_add_block %}
	{% endblock %}
</head>
<body>
		<div id="header">
			<table>
				<tbody>
					<tr>
						<td>
							<form class="search_form" method="POST" action=".">
								<a class="header_logo" href="/"><img src="../static/images/service/evermetalled_logo.png" width="240" height="80" alt="&nbsp;Evermetalled&nbsp;"></a>
								<input class="search_input" type="text" placeholder="Input your request" value="{{ search_value }}">
								<input class="search_button" type="submit" value="Search for">
								<select class="search_choice">
									<option value="anything">anything</option>
									<option value="band">band</option>
									<option value="musician">musician</option>
									<option value="event">event</option>
									<option value="user">user</option>
								</select>
							</form>
						</td>
						<td id="sign-in-place">
							{% if current_user %}
								<a class="sign_email" href="/profile/">Username ({{ current_user.get_display_name }})</a>
								<a class="sign_in" href="/profile/logout/">Sign out</a>
							{% else %}
								<a class="sign_in" href="/profile/login/">Sign in</a>
							{% endif %}
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<!--Left-->
		<div id="user_menu">
			<a class="user_menu_text" href="/metalpage/">My metalpage</a><br>
			<a class="user_menu_text" href="/metalfriends/">My metalfriends</a><br>
			<a class="user_menu_text" href="/messages/"><b>My messages (12)</b></a><br>
			<a class="user_menu_text" href="/metalevents">My metalevents</a><br>
			<a class="user_menu_text" href="/communities/">My communities</a><br>
			<a class="user_menu_text" href="/metalvideos/">My metalvideos</a><br>
			<a class="user_menu_text" href="/photoalbums/">My photo albums</a><br>
			<a class="user_menu_text" href="/articles/">Articles</a><br>
			<a class="user_menu_text" href="/">Donate to project</a><br>
			<a class="user_menu_text" href="/">Last updates</a><br>
			<br>
			<a href="/"><img src="/static/images/service/logos/Dream+Theater.gif" width="150" height="19" alt="Dream Theater Logo"></a><br>
			<a href="/"><img src="/static/images/service/logos/Evergrey.gif" width="150" height="58" alt="Evergrey Logo"></a><br>
			<a href="/"><img src="/static/images/service/logos/Metallica.gif" width="150" height="65" alt="Metallica Logo"></a><br>
			<a class="user_menu_text" href="/error/">Report an error</a><br>
		</div>
		<!--Main-->
		<div class="main">
			{% block page_content_block %}
			{% endblock %}
			<!--Counter-->
			<a href="http://www.warlog.ru/" target="_blank" class="undercounter"><img class="counter" src="http://www.warlog.ru/counter/?i=61" alt="Счётчик посетителей" title="Счётчик посетителей"/></a>
		</div>
</body>
</html>